﻿@{
    <link href="~/css/table.css" rel="stylesheet" />
    <script src="~/js/jquery-1.11.1.js"></script>
    <script src="~/js/vue.js"></script>
}
<body>
    <div id="app">
        <form role="form" id="form1">
            <font color="black"> 您在做的业务是-人力资源-调动管理-调动查询列表 </font>
            <input id="one" type="text" value="@ViewBag.one" hidden />
            <input id="two" type="text" value="@ViewBag.two"  hidden/>
            <input id="three" type="text" value="@ViewBag.three" hidden />
            <input id="zwfl" type="text" value="@ViewBag.zwfl"  hidden/>
            <input id="zwmc" type="text" value="@ViewBag.zwmc"  hidden/>
            <input id="start" type="text" value="@ViewBag.start" hidden />
            <input id="end" type="text" value="@ViewBag.end"  hidden/>
            <br /><br /><br />
            <table width="100%" border="1" cellpadding=0 cellspacing=1
                   bordercolorlight=#848284 bordercolordark=#eeeeee
                   class="TABLE_STYLE1">
                <tr height="21">
                    <td width="0" class="TD_STYLE1" hidden>
                        主键
                    </td>
                    <td width="19%" class="TD_STYLE1">
                        I级机构
                    </td>
                    <td width="19%" class="TD_STYLE1">
                        II级机构
                    </td>
                    <td width="19%" class="TD_STYLE1">
                        Ⅲ级机构
                    </td>
                    <td width="19%" class="TD_STYLE1">
                        薪酬标准
                    </td>
                    <td width="19%" class="TD_STYLE1">
                        名字
                    </td>
                    <td width="5%" class="TD_STYLE1">
                        查看
                    </td>
                </tr>
                <tr v-for="(item,index) in dt" :key="item.mch_id" height="21">
                    <td class="TD_STYLE2" hidden>
                        {{item.mch_id}}
                    </td>
                    <td class="TD_STYLE2">
                        {{item.first_kind_name}}
                    </td>
                    <td class="TD_STYLE2">
                        {{item.second_kind_name}}
                    </td>
                    <td class="TD_STYLE2">
                        {{item.third_kind_name}}
                    </td>
                    <td class="TD_STYLE2">
                        {{item.salary_standard_name}}
                    </td>
                    <td class="TD_STYLE2">
                        {{item.human_name}}
                    </td>
                    <td class="TD_STYLE2">
                        <a :href="'/diaodongguanli/detail/'+[item.mch_id]">
                            查看
                        </a>
                    </td>
                </tr>
            </table>
            <br>
            <br>
        </form>
    </div>
</body>
<script type="text/javascript">
    var vm = new Vue({
        el: "#app",
        data: {
            dt: [],          
        },
        methods: {
            load: function () {
                var t = this;
                $.ajax({
                    url: "/diaodongguanli/list1",
                    type: "post",
                    data: { "one": $("#one").val(), "two": $("#two").val(), "three": $("#three").val(), "zwfl": $("#zwfl").val(),"zwmc":$("#zwmc").val(), "start": $("#start").val(), "end": $("#end").val() },
                    success: function (msg) {
                        var dr = eval(msg);
                        t.dt = dr;

                    }
                })
            }
            },
        mounted: function () {
            this.load();
        }
    })
</script>


